Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: passando sopra (evento onmouseover) un paragrafo (tag HTML <p>), questo e tutti gli altri paragrafi della stessa classe (proprietà className) vengono evidenziati con un bordo di spessore definito da un menu a tendina con id assegnato (si assegna alla proprietà di stile border la stringa “-size- solid green”, dove -size- è la stringa selezionata nel menu, es. “2px” per 2 pixel). Quando si passa sopra un nuovo paragrafo i bordi di tutti quelli della classe selezionata in precedenza ritornano al valore iniziale (si assegna la stringa “initial”).
Paragrafo di classe A
Paragrafo di classe B
Paragrafo di classe A
Paragrafo di classe A
Paragrafo di classe B
Paragrafo di classe A
Paragrafo di classe B
Paragrafo di classe C
Paragrafo senza classe